<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>专票审核</title>
  <link rel="stylesheet" href="/public/plugins/layui/css/layui.css" media="all">
  <link rel="stylesheet" type="text/css" href="/public/css/page/Mytab.css" />
  <!-- <link rel="stylesheet" type="text/css" href="/public/css/page/fystyle.css" /> -->
  <link rel="stylesheet" type="text/css" href="/public/css/all.css" />
  <script src="/public/js/jquery-1.9.1.min.js"></script>
  <style>
    .container1 {
      padding: 10px 15px;
    }
    
    .main-title {
      margin: 0;
    }
    
    .mytabstyle tbody tr td p {
      /* height: 36px; */
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 5px 0;
    }
    
    .mytabstyle thead tr th {
      /* height: 36px; */
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 10px 30px;
      font-weight: bolder;
    }
    /* 
        
        .mytabstyle thead tr th {
            height: 36px;
        } */
    
    .Mytab {
      margin-bottom: 25px;
    }
    
    .header {
      margin: 0px auto 20px;
      border: 1px solid #d6d4d4;
      overflow: hidden;
      padding: 10px 20px;
    }
    
    .header .item {
      height: 40px;
      line-height: 40px;
      padding-left: 8px;
      background: #eee;
      text-indent: 1em;
    }
    
    .Mysearch_box {
      width: auto;
      margin: 0 10px 10px;
      overflow: hidden;
      float: left;
    }
    
    input {
      vertical-align: 0;
    }
    
    label {
      font-size: 14px;
      /* font-weight: bolder; */
    }
    
    input[type=checkbox] {
      width: 15px;
      height: 15px;
    }
    
    .main-left {
      position: absolute;
      top: 20px;
      left: 20px;
      bottom: 20px;
      width: 300px;
    }
  </style>
</head>

<body>
  <form id="myform" action="">
    <input type="hidden" class="ppo" value="{{data.id}}" />
    <div class="container1">
      <div class="header">
        <div class="form">
          <p class="SBig_bold_darkfont zjlh" style="margin: 20px 0 10px 0;">购货单位信息</p>
          <div class="mk">
            <div class="Mytab">
              <table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">名称</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfnsrmc}}" />
                    </p>
                  </td>
                  <td width="6%">
                    <p style="text-align: center;">纳税人识别号</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfnsrsbh}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">地址</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfdz}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">电话</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfdh}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">银行账户</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfyhzh}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">银行营业网点名称</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfyywdmc}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">开户银行</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.gfkhyh}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">是否为建筑</p>
                  </td>
                  <td>
                    <p>
                      {% if data.jzbz=='Y' %}
                      <input type="text" style="text-align: left;" value="是" /> {% else %}
                      <input type="text" style="text-align: left;" value="否" />{% endif %}

                    </p>
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="header">
        <div class="form" style="">
          <p class="SBig_bold_darkfont zjlh" style="margin: 20px 0 10px 0;">所购货物信息</p>
          <div class="mk">
            <div class="Mytab">
              <!-- <table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
							<tr>
								<td width="5%">
									<p style="text-align: center;">行业名称--征收品目</p>
								</td>
								<td>
									<p>
										<input type="text" style="text-align: left;" value="{{data.zspmmc}}" />
									</p>
								</td>
							</tr>
							<tr>
								<td width="6%">
									<p style="text-align: center;">经营范围</p>
								</td>
								<td>
									<p>
										<input type="text" style="text-align: left;" value="{{data.jylb}}" />
									</p>
								</td>
							</tr>
						</table> -->
              <table class="layui-hide" id="demo1" lay-filter="test3"></table>
              <div id="totalRow"></div>
              <div style="width:100%; text-align:right;"><span id="totalRow2" style="font-weight:bold">合计：</span><span style="font-weight:bold">元</span></div>
            </div>

          </div>
        </div>
      </div>


      <div class="header mmn">
        <div class="form">
          <p class="SBig_bold_darkfont zjlh" style="margin: 20px 0 10px 0;">货运信息</p>
          <div class="mk">
            <div class="Mytab" style="width: 100%;overflow-x: scroll;">
              <table class="mytabstyle rowtable" id="ttbs_dd" style="width: 100%;overflow-x: scroll;">
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">起运地</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.qyd}}" />
                    </p>
                  </td>
                  <td width="6%">
                    <p style="text-align: center;">经由地</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.jyd}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">到达地</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.ddd}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">车辆类型</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.cllx}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">船舶类型</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.cblx}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">车船牌照号</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.ccpzh}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">车船吨位</p>
                  </td>
                  <td colspan="3">
                    <p>
                      <input type="text" class="bbb" style="text-align: left;" value="{{data.ccdw}}" />
                    </p>
                  </td>
                </tr>

                <tr>
                  <td width="10%">
                    <p style="text-align: center;">备注</p>
                  </td>
                  <td colspan="3">
                    <p>
                      <textarea class="textarea_style bbb">{{data.bz}}</textarea>
                    </p>
                  </td>
                </tr>
              </table>

            </div>
          </div>
        </div>
      </div>

      <div class="header">
        <div class="form">
          <p class="SBig_bold_darkfont zjlh" style="margin: 20px 0 10px 0;">销货单位信息</p>
          <div class="mk">
            <div class="Mytab">
              <table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">名称</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfnsrmc}}" />
                    </p>
                  </td>
                  <td width="6%">
                    <p style="text-align: center;">税务登记号</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfnsrsbh}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">地址</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfdz}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">电话</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfdh}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">开户银行</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfkhyh}}" />
                    </p>
                  </td>
                  <td width="10%">
                    <p style="text-align: center;">银行营业网点名称</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfyywdmc}}" />
                    </p>
                  </td>
                </tr>
                <tr>
                  <td width="10%">
                    <p style="text-align: center;">银行账户</p>
                  </td>
                  <td colspan="3">
                    <p>
                      <input type="text" style="text-align: left;" value="{{data.xfyhzh}}" />
                    </p>
                  </td>
                </tr>

                <tr>
                  <td width="10%">
                    <p style="text-align: center;">备注</p>
                  </td>
                  <td colspan="3">
                    <p>
                      <textarea class="textarea_style">{{data.remark}}</textarea>
                    </p>
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>
      </div>
      <div class="header">
        <div class="form">
          <div class="mk">
            <div class="Mytab">
              <table class="mytabstyle rowtable" style="width: 100%;overflow-x: scroll;">
                {% if data.status == '0' %}
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">审核状态</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align:center;" name="status" value="预审中" />
                    </p>
                  </td>
                </tr>
                {% elif data.status == '1' %}
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">审核状态</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align:center;" name="status" value="预审通过" />
                    </p>
                  </td>
                </tr>
                {% elif data.status == '2' %}
                <tr>
                  <td width="5%">
                    <p style="text-align: center;">审核状态</p>
                  </td>
                  <td>
                    <p>
                      <input type="text" style="text-align:center;" name="status" value="预审驳回" />
                    </p>
                  </td>
                </tr>
                <tr class="dd_tt">
                  <td width="10%">
                    <p style="text-align: center;">驳回原因:</p>
                  </td>
                  <td colspan="3">
                    <p>
                      {% if data.bhly == '0' %}
                      <input type="text" style="text-align:center;" name="bhly" value="超出经营范围" /> {% elif data.bhly == '1' %}
                      <input type="text" style="text-align:center;" name="bhly" value="超出开票限额" /> {% elif data.bhly == '2' %}
                      <input type="text" style="text-align:center;" name="bhly" value="其他(自定义)" /> {% endif %}
                    </p>
                  </td>
                </tr>
                <tr class="dd_tt">
                  <td width="10%">
                    <p style="text-align: center;">驳回理由:</p>
                  </td>
                  <td colspan="3">
                    <p>
                      <textarea class="textarea_style" name="refusedReason">{{data.refusedReason}}</textarea>
                    </p>
                  </td>
                </tr>
                {% endif %}
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
  </form>
  
  <script src="/public/plugins/layui/layui.js"></script>
  <script src="/public/dist/zpdksh/detail.js"></script>
</body>


<script>
  // $(function(){
  // 	var ipt = document.getElementById("ttbs_dd").getElementsByTagName("input"); //查找divbox这个div里的所有文本框
  //     for(var i = 0; i < ipt.length; i++){ //循环
  //         if(ipt[i].value.length >0){ //如果其中一个文本框没有填写
  //             alert('---111');
  //            $(".mmn").show();                
  //         }else{
  //             alert('---222');
  //             $(".mmn").hide();
  //         }
  //     }
  // 	return true; //都已经填写，返回true
  // })

  // 	layui.use('table', function(){
  //   var table = layui.table;

  // 	})
</script>

</html>